(function () {
    // console.log(7)
    let back = document.querySelector('.back')

    back.addEventListener('click', function () {
        // console.log(1)
        history.back()
    })


    function getQueryString(url) {
        //声明一个变量来存储 url地址 以 ?分割出来的索引为1的值   因为?后面跟的就是传参 先分割再查找想要的值
        let str = url.split('?')[1]
        //判断要是没有传参过来就返回null
        if (!str) return null
        //对参数进行解码
        str = decodeURI(str)
        //再次对str以&分割 并声明newstr来接受 此时是数组形式
        let newstr = str.split('&')
        //声明一个空对象来接收数据 到时候好查询
        let obj = {}
        //对newstr 进行遍历
        newstr.forEach(item => {
            // console.log(item)
            //再将itemstr以=号进行拆分
            let itemstr = item.split('=')
            // console.log(itemstr)
            //此时拆分后的第0 项作为键 第一项作为值 存入对象中  因为键是以变量的形式 所以要用[] 并且不能带引号
            obj[itemstr[0]] = itemstr[1]
        })
        return obj
    }

    //获取浏览器的url
    let href = location.href
    console.log(href)
    // console.log(getQueryString(href))
    let id = getQueryString(href).couponId
    console.log(id)

    $.ajax({
        url: `http://chst.vip:1234/api/getcouponproduct?couponid=${id}`,
        success(res) {
            // console.log(res.result.length)
            let str = ``
            let pic = ''
            res.result.forEach(item => {
                // console.log(item)
                pic += `
                ${item.couponProductImg}
                `
                str += `
                <li couponProductId=${item.couponProductId}>
                <div class="info_left">
                ${item.couponProductImg}
                </div>
                <div class="info_right">
                    <p>
                ${item.couponProductName}

                    </p>
                
                <span>${item.couponProductPrice}</span>
                    <div class="red">${item.couponProductTime}</div>
                </div>
            </li>

                
                `
            })

            $('.info').html(str)
            $('.pic_box').html(pic)

            let index


            $('.info li').click(function () {
                // console.log($(this).attr('couponProductId'))
                index = $(this).attr('couponProductId')
                $('.mask').css({
                    height: "100%",
                })


                console.log(index)
                movePic(index)


            })

            $('.close').click(function () {
                // console.log(6)
                $('.mask').css({
                    height: 0
                })

            })



            $('.mask_left').click(function () {
                console.log(index)
                if (index <= 0) {
                    return alert('已经是第一页了')
                }

                index--
                // console.log(1)
                // console.log(index)

                movePic(index)
            })

            $('.mask_right').click(function () {
                if (index == res.result.length - 1) {
                    return alert('已经最后一页了')
                }
                // console.log(1)
                index++
                // console.log(index)

                movePic(index)
            })



            function movePic(index) {
                $('.pic_box').css({
                    left: index * -200

                })
            }
        }
    })

})()